<template>
  <div class="card">
    <yt-button @click="changeTitle" :text="'vite' + count"></yt-button>
    <yt-input></yt-input>
  </div>
</template>

<script setup lang="ts">
import { useTitle } from '@vueuse/core'
const count = ref(0)
const changeTitle = () => {
  count.value++
}
const title = computed(() => {
  return `${count.value} + world`
})
useTitle(title)
</script>
